<template>
	<section style="width: 1200px;margin: 0 auto;">
	<div class="tuzhi-content" style="text-align: center;">
			<img src="../../../static/img/draw/dianxing.jpg" style="width:80%;margin: 0 auto;"/>
			<div class="tuzhione">
				<div class="one-content">
					<h1>用户的基本特征</h1>
					<div class="tezhengcontent clearfix">
						<div class="list-box">
							<div class="textinput clearfix">
								<p>特征1</p>
								<input type=""   v-model="content.featureOne"  v-bind:readonly="use"  />
							</div>
							<div class="textinput clearfix">
								<p>特征2</p>
								<input type=""   v-model="content.featureTwo" v-bind:readonly="use" />
							</div>
							<div class="textinput clearfix">
								<p>特征3</p>
								<input type=""   v-model="content.featureThree"v-bind:readonly="use" />
							</div>							
						</div>
						<div class="list-box" style="padding-left: 60px;border-right: none;">
							<div class="textinput clearfix">
								<p>特征4</p>
								<input type=""   v-model="content.featureFour" v-bind:readonly="use"  />
							</div>
							<div class="textinput clearfix">
								<p>特征5</p>
								<input type=""   v-model="content.featureFive" v-bind:readonly="use"  />
							</div>
							<div class="textinput clearfix">
								<p>特征6</p>
								<input type=""   v-model="content.featureSix"v-bind:readonly="use"  />
							</div>							
						</div>					
					</div>
					<div class="bancircle clearfix">
						<span></span>
						<span></span>
						<span></span>
						<span></span>						
					</div>
				</div>			
			</div>
			<div class="quescontent clearfix">
				<div class="questentlist">
					<h1>她所处的环境是什么？</h1>
					<ul>
						<li>
							工作环境
							<textarea name="" rows="" v-model="content.environment.Work"  v-bind:readonly="use" ></textarea>
						</li>
						<li>
							生活环境
							<textarea name="" rows="" v-model="content.environment.Live" v-bind:readonly="use" ></textarea>
						</li>
						<li>
							生存环境
							<textarea name="" rows="" v-model="content.environment.Existence"  v-bind:readonly="use" ></textarea>
						</li>
						<li>
							家庭环境
							<textarea name="" rows="" v-model="content.environment.Family"v-bind:readonly="use" ></textarea>
						</li>						
					</ul>
				</div>
				<div class="questentlist">
					<h1>她的核心目标是什么？</h1>
					<ul>
						<li>
							职场目标
							<textarea name=""   v-model="content.tarGet.marKet" rows=""v-bind:readonly="use" ></textarea>
						</li>
						<li>
							生活目标
							<textarea name=""   v-model="content.tarGet.Life" rows=""v-bind:readonly="use" ></textarea>
						</li>
						<li>
							个人爱好
							<textarea name=""   v-model="content.tarGet.Hobby" rows=""v-bind:readonly="use" ></textarea>
						</li>
						<li>
							价值实现
							<textarea name=""   v-model="content.tarGet.Worth" rows=""v-bind:readonly="use" ></textarea>
						</li>						
					</ul>
				</div>	
				<div class="questentlist">
					<h1>她最迫切解决的是什么？</h1>
					<ul>
						<li>
							最无法忍受哪方面问题
							<textarea name=""   v-model="content.Solve.Bear"  rows=""v-bind:readonly="use" ></textarea>
						</li>
						<li>
							<h1>她最关注的问题是什么？</h1>
							希望获得哪方面的提升？
							<textarea name=""   v-model="content.Follow.Hope"  rows=""v-bind:readonly="use" ></textarea>
						</li>
						<li>
							<h1>她的公共关系如何？</h1>
							她容易受到谁的影响？
							<textarea name=""   v-model="content.Public.Effect" rows=""v-bind:readonly="use" ></textarea>
						</li>
						<li>
							她能影响哪些人？
							<textarea name=""   v-model="content.Public.Who" rows=""v-bind:readonly="use" ></textarea>
						</li>						
					</ul>
				</div>	
				<div class="questentlist">
					<h1>她希望获得什么样的解决方案？</h1>
					<ul>
						<li>
							在什么时候？
							<textarea name=""   v-model="content.Plan.When" rows=""v-bind:readonly="use" ></textarea>
						</li>
						<li>
							以什么形式？
							<textarea name=""   v-model="content.Plan.Form" rows=""v-bind:readonly="use" ></textarea>
						</li>
						<li>
							花什么代价？
							<textarea name=""   v-model="content.Plan.Cost" rows=""v-bind:readonly="use" ></textarea>
						</li>					
					</ul>
				</div>					
			</div>				
		</div>
	</section>
</template>

<script>
	export default{
		data(){
			return{
				content:{
					featureOne:"",featureTwo:"",featureThree:"",featureFour:"",
					featureFive:"",featureSix:"",environment:{
						Work:"",
						Live:"",
						Existence:"",
						Family:""
					},tarGet:{
						marKet:"",
						Life:"",
						Hobby:"",
						Worth:""
					},Solve:{
						Bear:""
					},Follow:{
						Hope:""			
					},Public:{
						Effect:"",
						Who:""
					},Plan:{
						When:"",
						Form:"",
						Cost:""
					}
				},
				use:false
			}
		},
		methods:{
			
		},
		watch:{
			'tochild.content':function(){
				if(this.tochild.content){
					this.content=this.tochild.content;			
				}				
			}			
		},
		props:['tochild'],
		created(){
			var _this=this;
			if(_this.tochild.use==false){
				_this.use=false
			}else{
				_this.use=true
			}				
		},
		mounted(){
			if(this.tochild.content){
				this.content=this.tochild.content;			
			}

			
		}
	}
</script>

<style scoped src='../../../static/css/all.css'>
</style>